// 斑马纹
.stripe {
  background-color: $table-row-pattern;
}

.--win-table-row {
  width: 100%;
  display: flex;
  transition: 0.3s;

  .--win-table-row-td {
    box-sizing: border-box;
    display: flex;
    justify-content: left;
    padding: 8px 4px;
    border: $table-border-color solid;
    border-width: 0 0 $table-border-width 0;
  }
  .border {
    border: $table-border-color solid;
    border-width: 0 $table-border-width $table-border-width 0;
  }
  .first-td.border {
    box-sizing: border-box;
    display: flex;
    justify-content: left;
    padding: 8px 4px;
    border: $table-border-color solid;
    border-width: 0 $table-border-width $table-border-width $table-border-width;
  }
  .--win-table-row--center {
    justify-content: center !important;
  }
  .--win-table-row--left {
    justify-content: left !important;
  }
  .--win-table-row--right {
    justify-content: right !important;
  }
}
.highlight:hover {
  background-color: $table-row-hover-bg;
}
